.weini {
    width: $width;
    margin: 0 auto;

    >.htit {
        height: 60px;
        background-color: $bdColor;

        >h3 {
            line-height: 45px;
            font-size: 28px;
            font-weight: 900;
            width: 210px;
            height: 45px;
            margin: 0 auto;
        }
    }

    >:nth-child(2) {
        height: 60px;
        padding: 0 50px;
        margin-bottom: 10px;
        background-color: $moudleColor;

        >ul {
            height: 60px;

            >li {
                float: left;
                width: 180px;
                height: 60px;
                text-align: center;
                background-color: $moudleColor;
                border-right: 1px solid #cecece;
                cursor: pointer;

                &:hover div,
                &:hover div>span {
                    color: red
                }

                >:nth-child(1) {
                    margin-top: 7px;
                    height: 27px;
                    width: 180px;

                    >span {
                        width: 64px;
                        color: #333333;
                        font-weight: 900;
                        height: 27px;
                        line-height: 27px;
                        font-size: 17px;

                    }

                }

                >:nth-child(2) {
                    height: 20px;
                    width: 180px;
                    font-size: 14px;
                    color: #999999;

                }
            }

            >:nth-child(6) {
                border: none;
            }
        }
    }

    >:nth-child(3) {
        width: 1190px;
        min-height: 500px;

        >div {
            cursor: pointer;
            text-align: center;
            float: left;
            width: 230px;
            height: 322px;
            margin-right: 10px;
            margin-bottom: 10px;
            background-color: $moudleColor;
            >img {
                margin:20px  auto;
                width: 180px;
                height: 180px;
                

            }

            >P {
                color: #333333;
                width: 230px;
                font-size: 18px;
                line-height: 20px;
                height: 20px;
                @include ellipsis;
                &:hover{
                    color: red;
                }
            }

            >div {
                width: 163px;
                height: 26px;
                margin: 15px auto 0;
                background-color: #f8e9e9;

                >:nth-child(1) {
                    display: inline-block;
                    background-color: red;
                    color: white;
                    width: 92px;
                    height: 26px;

                    >i {
                        height: 20px;
                        line-height: 20px;
                        margin-right: 2px;
                        font-size: 12px;
                    }

                    >span {
                        display: inline-block;
                        height: 26px;
                        font-size: 16px;
                        line-height: 26px;
                        font-weight: 900;
                    }
                }

                >:nth-child(2) {
                    display: inline-block;
                    color: #999999;
                    width: 66px;
                    height: 22px;
                    font-size: 16px;
                    line-height: 22px;
                    text-decoration: line-through;

                }
            }



        }

        >:nth-child(5n) {
            margin-right: 0;
        }
    }
}
